<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>烟雨江南</title>
</head>
<body>
    <!-- 头部 -->
    <div class="nav">
      <div class="logo">
       烟 雨 江 南
      </div>
      <div class="navright">
       <ul>
         <li ><a href="index.html">主页</a></li>
         <li ><a href="delicacies.html">美食</a></li>
         <li><a href="tourism.html">旅游</a></li>
         <li><a href="login.html">登录</a></li>
         <li ><a href="enroll.html">注册</a></li>
         <li class="borderbox"><a href="Aboutwebsite.html">关于网站</a></li>
       </ul>
      </div>
      <div class="navtitle">
        关于网站
      </div>
      <div class="positioning">
        主页 > 关于网站 
      </div>
     </div>
     <!-- 内容 -->
     <div class="bannertitle">
      关于我们 
    </div>
    <div class="intellectual ">
      烟雨江南旅游网是专业的旅游产品网络营销推广平台，目前已吸引全国2000余家旅行社、20000余家酒店、5000余家景区加盟合作
      <p> 烟雨江南旅游网为旅游消费者提供最专业的最实时的旅游线路、酒店、门票服务，帮助消费者从供货商提供的海量旅游信息中快速找到自己最需要的最合适的旅游信息。旅游消费者可以通过烟雨江南旅游网快速获得旅游供应商的网上、网下咨询和预订服务。</p>
      <p>烟雨江南旅游网还为广大游客提供国内外所有旅游城市和景点最详尽的旅游参考信息。通过“目的地+旅游”的推广方式，使游客能够更方便地找到自己需要的旅游产品。</p>
    </div>
     <div class="bannertitle">
      关于知识产权  
    </div>
    <div class="intellectual ">
      烟雨江南旅游网上刊登的文章及图片，均为网友发布。对于涉嫌侵犯任何单位或个人合法权益的内容，请权利人及时向全程旅游网书面反馈，并提供身份证明、权属证明、
      详细侵权情况证明及所提供资料真实性的书面保证，烟雨江南旅游网在收到上述文件后，将会尽快删除相关侵权内容。
      <p> 烟雨江南旅游网的行为适用于中华人民共和国法律法规规定的其它有关免责规定。</p>
    </div>
    <div class="bannertitle">
      关于网站服务  
    </div>
    <div class="intellectual ">
      烟雨江南旅游网仅提供旅游信息服务，不提供交易服务。本站的旅游信息均为旅行社会员所发。由于旅游行情变化频繁，所有信息以咨询发布人为准。与供应商达成交易前务必签订正式旅游合同
    </div>

      <!-- 底部 -->
<div class="foot">
  <div class="footlogo">
    烟 雨 江 南
   </div>
   <div class="nickname">
    “我本无意入江南，奈何江南入我心”
  </div>
  <div class="Companyaddress">
    公司地址：烟雨江南
  </div>
  <div class="Customerservicehotline">
    客服热线：+ 010 854 6578  
  </div>
  <div class="OfficialWeibo">
    官方微博：烟雨江南
  </div>
  <div class="WeChatpublicaccount">
    微信公众号：烟雨江南
  </div>
</body>
<script src="/js/jquery-3.7.1.js"></script>
<script>
  //导航下划线
  $lis = $('.navright ul li')
      $lis.hover(function() {
        $(this).addClass('borderbox'); // 添加样式类
        $(this).siblings().removeClass('borderbox'); // 移除兄弟元素的样式类
      }, function() {
        $(this).removeClass('borderbox'); // 移除样式类
      });
      
    //鼠标离开头部显示导航下划线
   //鼠标触摸头部显示透明色
   $nav=$('.nav')
      $nav.hover(function() {
      }, function() {
         $lis.eq(5).addClass('borderbox')
      });
</script>
<style>
   .nav{
    position: relative;
    width: 100%;
    height: 250px;
    background-color: rgb(159, 10, 14);
  }
  .logo{
    width: 130px;
    height: 80px;
    /* background-color: rgb(8, 84, 84); */
    font-weight: bold;
    font-size: 25px;
    line-height: 80px;
    margin-left: 30px;
    color: white;
    float: left;
  }
  .navright{
    float: right;
    width: 600px;
    height: 80px;
    /* background-color: yellow; */
    margin-right: 10px;
  }
  .navright ul li{
    list-style: none;
    float: left;
    margin-right: 10px;
    line-height: 45px;
    font-weight: bold;
    font-size: 16px;
    width: 80px;
    height: 40px;
    margin-top: 20px;
    text-align: center;
    /* background-color: aquamarine; */
    
  }
  .navright ul li a{
      color: white;
      text-decoration: none;
  }
  .borderbox{
    border-bottom: 1px solid white;
  }  
.navtitle{
  width: 80px;
  height: 40px;
  /* background-color: blue; */
  font-weight: bold;
  text-align: center;
  margin-left: 50px;
  line-height: 40px;
  font-size: 18px;
  color: white;
  position: absolute;
  top: 130px;
}
.positioning{
  width: 150px;
  height: 40px;
  /* background-color: blue; */
  font-weight: bold;
  text-align: center;
  margin-left: 20px;
  line-height: 40px;
  font-size: 14px;
  color: white;
  position: absolute;
  top: 180px;
}
.bannertitle{
  margin-top: 40px;
  width: 280px;
  height: 40px;
  /* background-color: blue; */
  font-weight: bold;
  text-align: center;
  margin-left: 50px;
  line-height: 40px;
  font-size: 20px;
  color: black;
}
.intellectual{
  line-height: 30px;
  width: 1000px;
  margin-top: 20px;
  margin-left: 140px;
  margin-bottom: 30px;
  /* height: 200px; */
  /* background-color: brown; */
}
/* 底部 */
.foot{
  position: relative;
  width: 100%;
  height: 150px;
  background-color: black;
}
.footlogo{
  position: absolute;
  left: 200px;
  width: 130px;
    height: 80px;
    /* background-color: rgb(8, 84, 84); */
    font-weight: bold;
    font-size: 25px;
    line-height: 80px;
    /* margin-left: 30px; */
    color: white;
    float: left;
}
.nickname{
  position: absolute;
  top: 100px;
  left: 190px;
    width: 310px;
    height:30px;
    font-weight: bold;
    font-size: 16px;
    color: white;
    /* background-color: aquamarine; */
  }
  .Companyaddress{
    position: absolute;
  top: 50px;
  left: 600px;
    width: 310px;
    height:30px;
    font-weight: bold;
    font-size: 14px;
    color: white;
    /* background-color: aquamarine; */
  }
  .Customerservicehotline{
    position: absolute;
    top: 100px;
    left: 600px;
    width: 310px;
    height:30px;
    font-weight: bold;
    font-size: 14px;
    color: white;
    /* background-color: aquamarine; */
  }
  .OfficialWeibo{
    position: absolute;
    top: 100px;
    left: 1000px;
    width: 310px;
    height:30px;
    font-weight: bold;
    font-size: 14px;
    color: white;
    /* background-color: aquamarine; */
  }
  .WeChatpublicaccount{
    position: absolute;
  top: 50px;
  left: 1000px;
    width: 310px;
    height:30px;
    font-weight: bold;
    font-size: 14px;
    color: white;
    /* background-color: aquamarine; */
  }
</style>
</html>